<header id="navigation" class="navbar-fixed-top">
    <div class="container">

        <div class="navbar-header">
            <!-- responsive nav button -->
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <!-- /responsive nav button -->

            <!-- logo -->
            <h1 class="navbar-brand">
                <span>
                    <a href="#body" style="display: inherit">
                        <img src=" /static/img/logo.png " alt="Kasper Logo">
                    </a>
                    <h1 style="display: inherit;font-family: fantasy; color: #ffffff">daba0007</h1>
                </span>
            </h1>
            <!-- /logo -->

            </div>

            <!-- main nav -->
            <nav class="collapse navigation navbar-collapse navbar-right" role="navigation">
                <ul id="nav" class="nav navbar-nav">
                    <li class="current"><a href="#home">首页</a></li>
                    <li><a href="#service">操作指南</a></li>
                    <li><a href="#document">资料帮助</a></li>
                    <li><a href="#count">游戏界面</a></li>
                    <li><a href="#ai">AI界面</a></li>
                    <li><a href="#contact">联系方式</a></li>
                </ul>
            </nav>
            <!-- /main nav -->
        </div>

    </div>
</header>